import XTable from './XTable';
import {data, selects} from './XTableTestData'

const columns = [
    {prop: 'id', label: 'ID', width: 50, editor: 'textEditor'},
    {prop: 'name', label: 'Name', width: 200, editor: 'textEditor'},
    {prop: 'email', label: 'Email', width: 200, editor: 'dataGridComboBoxEditor', settings: selects},
    {prop: 'phone', label: 'Phone', width: 200, editor: 'textEditor'},
    {prop: 'address', label: 'Address', width: 200, editor: 'textEditor'},
]

const XTableExample = () => {
    return (
        <div>
            <h3>测试XTable</h3>
            <XTable data={data} columns={columns} selectMode="column" selectable={true}>
            </XTable>
        </div>
    )
}

export default XTableExample